<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header">
</head>
<link href="/css/plugins/imageUpload/common.css" type="text/css" rel="stylesheet"/>
<link href="/css/plugins/imageUpload/index.css" type="text/css" rel="stylesheet"/>
<link href="/css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
<!--<link href="/css/plugins/chosen/chosen.css" rel="stylesheet">-->

<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
							<div class="form-group">
								<label class="col-sm-1 control-label">主题：</label>
								<div class="col-sm-11">
									<input id="title" name="title" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-1 control-label">任务类型：</label>
								<div class="col-sm-3">
									<select id="taskType" name="taskType"  class="form-control m-b">
										<option value="">--请选择--</option>
										<option th:each="taskType,userStat:${taskTypeList}" th:value="${taskType.id}" th:text="${taskType.name}"></option>
									</select>
								</div>
								<label class="col-sm-1 control-label">任务等级：</label>
								<div class="col-sm-2">
									<select id="taskLevel" name="taskLevel"  class="form-control m-b">
										<option value="">--请选择--</option>
										<option th:each="taskLevel,userStat:${taskLevelList}" th:value="${taskLevel.id}" th:text="${taskLevel.name}"></option>
									</select>
								</div>
								<label class="col-sm-2 control-label">希望完成日期：</label>
								<div class="col-sm-3">
									<input id="expireDate" name="expireDate" class="form-control" type="date">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-1 control-label">详细描述：</label>
								<div class="col-sm-11">
									<input id="detail" name="detail" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-1 control-label">图片详情：</label>
								<div class="col-sm-11">
									<div class="img-box full">
										<section class=" img-section">
											<div class="z_photo upimg-div clear" >
												<section class="z_file fl">
													<img src="../../../img/imageUpload/a11.png" class="add-img">
													<input type="file" name="appearanceImage" id="appearanceImage" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple />
												</section>
											</div>
										</section>
									</div>
									<aside class="mask works-mask">
										<div class="mask-content">
											<p class="del-p ">您确定要删除作品图片吗？</p>
											<p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>
										</div>
									</aside>
								</div>
							</div>
							<div id="blueimp-gallery" class="blueimp-gallery">
								<div class="slides"></div>
								<h3 class="title"></h3>
								<a class="prev">‹</a>
								<a class="next">›</a>
								<a class="close">×</a>
								<a class="play-pause"></a>
								<ol class="indicator"></ol>
							</div>
							<div class="form-group">
								<label class="col-sm-1 control-label">责任人：</label>
								<div class="col-sm-3">
									<select id="heldPerson" name="heldPerson"  class="form-control m-b">
										<option value="">--请选择--</option>
										<option th:each="heldPerson,userStat:${userList}" th:value="${heldPerson.userId}" th:text="${heldPerson.name}"></option>
									</select>
								</div>
								<label class="col-sm-1 control-label">责任部门：</label>
								<div class="col-sm-3">
									<input id="heldDept" name="heldDept" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-1 control-label">抄送人：</label>
								<div class="col-sm-11">
									<select data-placeholder="选择抄送人（可以不选）" name="ccList"  class="chosen-select" style="width: 100%;" multiple="multiple" tabindex="4">
										<option value="">--请选择--</option>
										<option th:each="heldPerson,userStat:${userList}" th:value="${heldPerson.userId}" th:text="${heldPerson.name}"></option>
									</select>
								</div>
							</div>
							<!--<div class="form-group">
								<label class="col-sm-3 control-label">任务编号：</label>
								<div class="col-sm-8">
									<input id="taskNo" name="taskNo" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">处理状态：</label>
								<div class="col-sm-8">
									<input id="status" name="status" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">关联单号：</label>
								<div class="col-sm-8">
									<input id="linkOrderId" name="linkOrderId" class="form-control" type="text">
								</div>
							</div>-->
							<div class="form-group">
								<div class="col-sm-12">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
	</div>

	<div th:include="include::footer"></div>
	<script type="text/javascript" src="/js/appjs/custom/taskMain/add.js">
	</script>
<script type="text/javascript" src="/js/plugins/imageUpload/imgUp.js"></script>
<script src="/js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
<script src="/js/plugins/chosen/chosen.jquery.js"></script>
<script>

	var config = {
		'.chosen-select': {},
		'.chosen-select-deselect': {
			allow_single_deselect: true
		},
		'.chosen-select-no-single': {
			disable_search_threshold: 10
		},
		'.chosen-select-no-results': {
			no_results_text: '无选择项'
		},
		'.chosen-select-width': {
			width: "95%"
		}
	}

	for (var selector in config) {
		$(selector).chosen(config[selector]);
	}

</script>
</body>
</html>
